<!DOCTYPE html>
<html>
    <!--
        Arrow
        HTML-JS Runtime
        Mor. H. Golkar
    -->
    <head>
        <title>{{project_title}}</title>
        <meta charset="utf-8">
        <meta name="color-scheme" content="dark light">
        <meta name="keywords" content="Arrow,adventure,{{project_title}}">
        <meta name="description" content="{{project_title}}: An adventure made with Arrow">
        <!-- @inline -->
        <script type="text/javascript" src="project.js"></script>
        <script type="text/javascript" src="./modules/shared-i18n.js"></script>
        <script type="text/javascript" src="./modules/shared-bbcode-parser.js"></script>
        <script type="text/javascript" src="./modules/shared.js"></script>
        <script type="text/javascript" src="./modules/condition.js"></script>
        <script type="text/javascript" src="./modules/content.js"></script>
        <script type="text/javascript" src="./modules/dialog.js"></script>
        <script type="text/javascript" src="./modules/entry.js"></script>
        <script type="text/javascript" src="./modules/frame.js"></script>
        <script type="text/javascript" src="./modules/generator.js"></script>
        <script type="text/javascript" src="./modules/hub.js"></script>
        <script type="text/javascript" src="./modules/interaction.js"></script>
        <script type="text/javascript" src="./modules/jump.js"></script>
        <script type="text/javascript" src="./modules/macro_use.js"></script>
        <script type="text/javascript" src="./modules/marker.js"></script>
        <script type="text/javascript" src="./modules/monolog.js"></script>
        <script type="text/javascript" src="./modules/randomizer.js"></script>
        <script type="text/javascript" src="./modules/sequencer.js"></script>
        <script type="text/javascript" src="./modules/tag_edit.js"></script>
        <script type="text/javascript" src="./modules/tag_match.js"></script>
        <script type="text/javascript" src="./modules/tag_pass.js"></script>
        <script type="text/javascript" src="./modules/user_input.js"></script>
        <script type="text/javascript" src="./modules/variable_update.js"></script>
        <script type="text/javascript" src="arrow.js"></script>
        <link rel="stylesheet" href="./arrow.css">
        <!-- @inline-end -->
    </head>
    <body>
        <header>
            <h1>{{project_title}}</h1>
        </header>
        <main>
            <section id="console">
                <article id="content">
                    <!-- Here will be nodes! -->
                </article>
            </section>
        </main>
        <footer>
            <button id='switch-dark-mode'>Switch Dark Mode</button>
            <button id="play-back">Back</button>
            <p> <time>{{project_last_save}}</time> </p>
            <p> Made with <a href="{{arrow_website}}" target="_blank">Arrow v{{arrow_version}}</a> </p>
        </footer>
    </body>
</html>
